<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>小米商城</title>

    <!--定义icon1-->
    <link rel="shortcut icon" href="./img/icon/favicon.ico" type="image/x-icon">
    <!--清除全部默认样式-->
    <link rel="stylesheet" href="./css/reset.css">
    <!--引入基本样式-->
    <link rel="stylesheet" href="./css/base.css">

    <link rel="stylesheet" href="./css/iconfont.css">

</head>
<body>
<div class="allWidth">

   
    <!-- 顶部导航 -->
    <div class="TopNavigation">
        <!-- 顶部导航内容 -->
        <div class="TopNavigationContent contentWidth">
            <!-- 内容区左侧列表 -->
            <ul class="TopNavigationContentLeftUl">
                <li><a href="javascript:;">小米商城</a></li>
                <span class="sep">|</span>
                <li><a href="javascript:;">MIUI</a></li>
                <span class="sep">|</span>
                <li><a href="javascript:;">IoT</a></li>
                <span class="sep">|</span>
                <li><a href="javascript:;">云服务</a></li>
                <span class="sep">|</span>
                <li><a href="javascript:;">金融</a></li>
                <span class="sep">|</span>
                <li><a href="javascript:;">有品</a></li>
                <span class="sep">|</span>
                <li><a href="javascript:;">小爱开放平台</a></li>
                <span class="sep">|</span>
                <li><a href="javascript:;">企业团购v</li>
                <span class="sep">|</span>
                <li><a href="javascript:;">资质证照</a></li>
                <span class="sep">|</span>
                <li><a href="javascript:;">协议规则</a></li>
                <span class="sep">|</span>
                <li><a href="javascript:;">下载App</a></li>
                <span class="sep">|</span>
                <li><a href="javascript:;">智能生活</a></li>
            </ul>

            <div class="TopNavigationContentShoppingCart">
                <a href="javascript:;">
                    <i class="iconfont icon-gouwuche"></i>
                    <span>购物车(0)</span>
                </a>

                <div class="TopNavigationContentShoppingCartDetail">
                    <span>购物车中还没有商品，赶紧选购吧！</span>
                </div>
            </div>

            <ul class="TopNavigationContentRightUl">
                <li><a href="javascript:;">登录</a></li>
                <span class="sep">|</span>
                <li><a href="javascript:;">注册</a></li>
                <span class="sep">|</span>
                <li><a href="javascript:;">消息通知</a></li>
            </ul>


        </div>

    </div>
</div>
</body>
</html>